{% extends 'home/public/index.html' %}


{% block title %}
<title>我的订单</title>
{% endblock %}

{% block css %}

<link rel="stylesheet" type="text/css" href="/static/home/css/order.css">
<link rel="stylesheet" type="text/css" href="/static/home/css/order-app.css">
<script src="/static/admin/js/uploadPreview.js"></script>
{% endblock %}


{% block con %}
<!-- 导航 E-->
<!-- 主内容区域 -->
<div class="mainbody order">
    <div class="container">
        <!-- 面包屑导航 -->
        <div class="crumbs col-xs-12 col-sm-12">
            <ol class="breadcrumb">
                <li class="hidden-xs hidden-sm">首页</li>
                <li class="">个人信息</li>
                <li class="active">个人信息修改</li>

            </ol>
        </div>
        <!-- 面包屑导航 E-->
        <div class="main clearfix">
            <!-- 左侧导航 -->
            <div class="left-nav f-fl col-md-4 hidden-xs hidden-sm">
                <div class="nav-main">
                    <a href="javascript:;" class="type-title">
                        <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>订单中心
                    </a>
                    <a href="/myorder/" class="ml ">我的订单</a>
                    
                    <a href="javascript:;" class="type-title">
                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>个人中心
                    </a>
                    <a href="{% url 'myhome_dizhi' %}" class="ml ">地址管理</a>                    
                    <a href="{% url 'myhome_xinxi' %}" class="ml active">个人信息</a>
                </div>
            </div>
            <!-- 左侧导航 E-->
            <!-- 右侧内容展示 -->
            <form  action="{% url 'myhome_xinxigengxin' %}" method="POST" enctype="multipart/form-data" >
            {% csrf_token %}
                <div class="right-content f-fr col-md-8 col-xs-12 col-sm-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            名字:<input type="text" required  maxlength="30" name="username" value="{{ info.username }}">
                        </div>
                        <!-- 隐藏id -->
                            <input type="hidden" name="id" value="{{ info.id }}">
                        
                         <!-- 上传头像 -->
                                <div class="am-form-group">
                                    <label for="user-weibo" class="am-u-sm-3 am-form-label">
                                        上传头像
                                    </label>
                                    <div class="am-u-sm-9">
                                        <div class="am-form-group am-form-file"> 
                                            <ul id="warp">
                                                <li>                                                
                                                    <div class="tpl-form-file-img">
                                                        <img id="imgShow_WU_FILE_0" width="100" height="100" src="{{ info.pic }}">
                                                        <input name="pic" type="file" id="up_img_WU_FILE_0">
                                                    </div>
                                                    <i class="am-icon-cloud-upload" ></i> 
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>


                        <div class="panel-body">
                            电话:<input type="text" value="{{ info.phone }}" name="phone"  required minlength="11" maxlength="11" id="user-name" >
                        </div>
                        <div class="panel-body">
                            邮箱:<input type="text" {% if info.email  %} value="{{ info.email }}" {% endif %} name="email"  required id="user-name" >
                        </div>
                        <div class="panel-body">性别:
                            <input type="radio" value="1" {% if  info.sex == 1 %} checked {% endif %} name="sex"  > 男
                            <input type="radio" value="0" {% if  info.sex == 0 %} checked {% endif %} name="sex"  > 女
                         </div>
                        <div class="panel-body">
                            年龄: <input type="text" {% if info.age  %} value="{{ info.age }}" {% endif %} name="age">
                         </div>
                        <button class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}


{% block script %}
<script type="text/javascript">
        //登录图片鼠标经过
        topLogin();
        backTop();      
</script>
{% endblock %}}